<!--  -->
<template>
  <div>
    <!-- <h1 class="page-title">
      <a href="#/">开发组件库</a>
    </h1> -->
    <div class="mod-module mod-parallel">
      <div class="img-list type-full">
        <div class="img-box" v-for="item in pageList" :key="item.id">
          <p class="img-item">
            <a class="page-link" @click="$goRoute(item.link)">
              {{ item.name }}
            </a>
          </p>
        </div>
        <!-- <div class="img-box">
          <p class="img-item">
            <a class="page-link" href="#/btn">按钮</a>
          </p>
        </div>
        <div class="img-box">
          <p class="img-item">
            <a class="page-link" href="#/list">列表</a>
          </p>
        </div>
        <div class="img-box">
          <p class="img-item">
            <a class="page-link" href="#/nav">导航</a>
          </p>
        </div>
        <div class="img-box">
          <p class="img-item">
            <a class="page-link" href="#/nav">动画</a>
          </p>
        </div> -->
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      pageList: [
        { id: 1, name: "按钮", link: "btn" },
        { id: 2, name: "列表", link: "list" },
        { id: 3, name: "导航", link: "nav" },
        { id: 4, name: "动画", link: "nav" }
      ]
    };
  }
};
</script>
<style scoped>
@import "./css/index.css";
</style>
